<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../../common/common-head.jsp"%>

<body>
    <!-- begin #content -->
    <div id="content" class="content">

        <c:set var="listName" value="查看文章" />
        <%@include file="../../common/common-breadcrumb.jsp"%>

        <!-- begin row -->
        <div class="row">
            <!-- begin col-9 -->
            <div class="col-xl-12">
                <!-- begin panel -->
                <div class="panel panel-inverse" data-sortable-id="form-stuff-1">
                    <!-- begin panel-heading -->
                    <div class="panel-heading">
                        <h4 class="panel-title" >查看文章</h4>
                        <div class="panel-heading-btn">
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-redo"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                            <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
                        </div>
                    </div>
                    <!-- end panel-heading -->
                    <!-- begin panel-body -->
                    <div class="panel-body">
                        <form>
                            <div class="form-group row m-b-15">
                                <label class="col-form-label col-md-2">文章作者</label>
                                <div class="col-md-10">
                                    ${article.author}
                                </div>
                            </div>

                            <div class="form-group row m-b-15">
                                <label class="col-form-label col-md-2">文章标题</label>
                                <div class="col-md-10">
                                    ${article.title}
                                </div>
                            </div>

                            <div class="form-group row m-b-15">
                                <label class="col-form-label col-md-2">文章内容</label>
                                <div class="col-md-10">
                                    ${article.content}
                                    <small class="f-s-12 text-grey-darker" style="display: none">文章内容.</small>
                                </div>
                            </div>

                            <div class="form-group row">
                                <div class="col-md-7 offset-md-3">
                                    <button type="button" class="btn btn-sm btn-default" onclick="back()">返回</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- end panel-body -->

                </div>
                <!-- end panel -->

            </div>
            <!-- end col-6 -->
        </div>
        <!-- end row -->

    </div>
    <!-- end #content -->

<%@include file="../../common/common-script.jsp"%>

<script>
    var ctx = '${basePath}'

    function back(){
        window.location.href=ctx+"website/article/list"
    }

</script>

</body>
</html>
